﻿.inner-wrapper {
    max-width: 1460px;
    overflow-x: hidden;
}

#express-sign-up-modal {
    padding-right: 0 !important;
}

#menuModal .btn-nav:hover {
    background-color: transparent !important;
    border-color: #1298FF !important;
    color: #1298FF !important;
}

#menuModal .btn-nav {
    border: 1px solid;
    border-color: #2a3d5a !important;
    color: #ffffff;
    text-transform: uppercase;
}

#menuModal .btn {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: normal;
}


#menuModal .nav-link:hover {
    background-color: transparent !important;
}

/*-------------------------------------------- fixes sportbooks header and footer css here---------------------------------------------------*/

#sports-submenu li.responsive-link.dropdown-item {
    margin: 0;
}

#call-with-account-manager a {
    color: #000;
    text-decoration: underline;
}

.welcome-deposit-now-btn {
    margin-bottom: 40px;
}

@media (max-width: 414px) {
    #navbar .responsive-buttons-container a.btn-join {
        font-size: 12px;
        padding: 10px 0px;
        width: 55px;
    }
}

@media only screen and (max-width: 768px) {
    h2 svg path {
        display: none;
    }

    .mobile-top-margin {
        margin-top: 53px;
    }

    #user-account {
        margin-left: 0;
        margin-right: 0;
    }

    #user-account .user-data {
        padding: 25px !important;
    }

    #user-account .manager-data {
        padding: 25px !important;
    }

    .ac-msj-head {
        margin-right: 5px;
    }

    #pending-wager {
        padding: 20px !important;
    }

    #myTabContent {
        padding: 15px;
    }

    #bonusHistory {
        padding: 20px !important;
    }

    #user-account .balance-data {
        padding: 20px;
    }
    /* END OF /acc/ PAGE */
    #missingOutMessage {
        padding: 30px;
        position: unset !important;
    }

    .missingOutText {
        text-align: center;
    }

    .join-container btn-secondary, .join-container btn-primary {
        padding: 0 !important;
        height: 50px;
    }

    #chevronRightJoin {
        line-height: 0;
    }

    .mobile-margin-top {
        margin-top: 70px;
    }
}

/* INBOX PAGE */

#pending-wager .p-4 {
    border-radius: 5px;
    margin: 30px 20px;
}

/* END OF INBOX PAGE */

.hover-change:hover {
    background-color: #FFF !important;
}

/* BETUS MALL CHECKOUT */

@media screen and (max-width: 767px) {
    .quantity .form-control {
        border: none !important;
        height: auto !important;
    }

    .welcome-deposit-now-btn {
        margin-bottom: 15px;
        padding: 0;
    }
}

.quantity .form-control {
    border: none !important;
}

/* END OF BETUS MALL CHECKOUT */

/*FORGOT LOGIN PAGE*/

.forgot-login-page {
    width: 50%;
}

#forgotLoginForm {
    padding: 20px;
}

#forgotLoginForm .form-group label {
    display: block;
}

#forgotLoginForm .form-group input {
    padding: 5px;
    width: 100%;
}

#retreiveInfoSection {
    margin-bottom: 0;
    margin-top: 10px;
    padding: 20px;
}

    #retreiveInfoSection button {
        position: relative;
    }

#middleBlocks .title-container {
    margin: 0 auto;
    width: 26% !important;
}

#middleBlocks .title-container h6 {
    margin-top: 3px !important;
}


    /*END OF FORGOT LOGIN PAGE*/

    #mainLoyaltyLogo {
        margin-left: 15px;
        margin-right: 10px;
        width: 35px;
    }

    #loyaltyProgramText {
        display: inline-block;
        position: relative;
        top: 5px;
    }

    @media (min-width: 992px) {
        .mt-lg-3, .my-lg-3 {
            margin-top: 0rem !important;
        }
    }

    /* Payment methods */

    @media (min-width: 992px) {
        #whatYouMissed .col-lg-3 {
            float: left;
        }
    }

    /*ACCOUNT PAGE*/

    @media (min-width: 769px) and (max-width: 991px) {

        .row #account-sidebar #send-message-tab {
            padding-bottom: 20px;
        }

        #missingOutMessage {
            padding: 30px;
            position: unset !important;
        }

        .missingOutText {
            text-align: center;
        }

        .mobile-top-margin {
            margin-top: 53px;
        }

            .mobile-top-margin > h2 {
                padding-left: 50px;
            }
    }

    #missingOutMessage {
        color: #0c4999;
        display: flex;
        padding-top: 30px;
        position: relative;
        right: 28px;
    }

    .missingOutText {
        font-size: 18px;
        font-weight: bold;
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        #missingOutMessage {
            font-size: 13px;
        }
    }

    /* ------------------slim join iframe css----------------------------*/

    .modal-gray-area-free-account, .modal-gray-area-step2, .modal-gray-area-description {
        height: 100% !important;
        margin: 64px auto 0 auto;
        max-width: 428px !important;
    }

    .modal-gray-free-account, .modal-gray-step2, .modal-gray-description {
        background-color: transparent !important;
        border: 0 !important;
        height: 100% !important;
        margin: 0 auto !important;
        width: 100% !important;
        z-index: 2000 !important;
    }

    .iframe-wrapper-free-account, .iframe-wrapper-step2, .iframe-wrapper-description {
        height: calc(100% - 128px) !important;
        max-height: 956px !important;
    }

    .iframe-free-account, .iframe-step2, .iframe-description {
        background-color: transparent !important;
        border-radius: 20px;
        height: 100% !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

    .iframe-wrapper-chooseYourBonus {
        height: calc(100% - 128px) !important;
        max-height: 954px !important;
    }

    .iframe-chooseYourBonus {
        background-color: transparent !important;
        border-radius: 20px;
        height: 100% !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

    .modal-gray-area-chooseYourBonus {
        height: 100% !important;
        margin: 64px auto 0 auto;
        max-width: 876px !important;
    }

    .modal-gray-chooseYourBonus {
        background-color: transparent !important;
        border: 0 !important;
        height: 100% !important;
        margin: 0 auto !important;
        width: 100% !important;
        z-index: 2000 !important;
    }

    @media (max-width: 575px) {
        #mobileBadgeNumber {
            border: 1px solid;
            bottom: 35px;
            color: #FFFFFF;
            display: block;
            left: 20px;
            position: relative;
            width: 20px;
        }

        #iframeMain.iframe-free-account, #iframeMain.iframe-step2, #iframeMain.iframe-description, #iframeMain.iframe-chooseYourBonus {
            border-radius: 0px;
            height: 100% !important;
            max-height: 100% !important;
        }

        .iframe-wrapper-step2, .iframe-wrapper-description, .iframe-wrapper-chooseYourBonus, .iframe-wrapper-free-account {
            height: 100% !important;
            max-height: 100% !important;
        }

        .modal-gray-area-step2, .modal-gray-area-description, modal-gray-area-chooseYourBonus, .modal-gray-area-free-account {
            margin: 0 auto !important;
            max-width: 100% !important;
        }
    }

    .status-color {
        color: #0A1C35;
        margin-bottom: 7px;
    }

    .triangle-pointer {
        background: url(../img/icon/triangle-up.png) no-repeat 0 0;
        height: 12px;
        left: 81%;
        position: absolute;
        top: -9px;
        width: 12px;
    }

    .sidebar-scroll .bg-gray-03 {
        background-color: #b7bec3;
        color: #fff;
        text-align: center;
        position:relative;
    }

    #account-sidebar .ac-status {
        padding-bottom: 0;
    }

     #account-sidebar .ac-status p{
        margin-bottom: 16px;
    }

    .ac-head {
        margin-bottom: 0 !important;
    }

    .pb-2, .py-2 {
        margin-top: 1.5rem;
        padding-bottom: 1.5rem !important;
    }

    .loyalty-status-center .counter-row {
        margin-top: 1rem;
    }

    .loyaltyBlueColor {
        color: #0E2857;
    }

    .whiteColor {
        color: #fff !important;
    }

    .raf-padding {
        padding: 20px;
        padding-top: 0;
    }


    .raf-footer {
        background-color: #00082a;
        display: flex;
        padding: 20px;
    }

        .raf-footer img {
            height: 75px;
        }

        .raf-footer p {
            color: #545e75;
            font-size: 11px;
            text-align: left;
        }

    img.join-banner-img {
        width: 80%;
    }

    img#joinSignupBanner {
        width: 83%;
    }

    #sectionTabs {
        padding-left: 30px;
        padding-right: 30px;
    }

    img.join-banner-img {
        width: 80%;
    }

    img#joinSignupBanner {
        width: 83%;
    }

    @media (min-width: 481px) and (max-width: 991px) {
        #loginModal .modal-dialog {
            float: none;
            margin: 3rem auto 0;
        }

        .raf-footer {
            display: block;
        }
    }

    #loginModal .modal-content {
        font-family: Roboto-Regular,sans-serif;
    }

    @media (max-width: 575px) {
        .triangle-pointer {
            left: 78%;
        }
        #sendMessageIcon {
            margin-top: 3px;
        }
    }

    /*/ ////////////////////// Deposit Process ////////////////////// /*/

    @media (max-width: 600px) {
        #shared-modal-div .modal {
            padding-right: 0 !important;
        }

        .modal-gray-content {
            width: 100% !important;
        }
    }

    /* Deposits - Crypto Page */

    .iframe-wrapper-crypto {
        height: calc(100% - 128px) !important;
        max-height: 927px !important;
    }

    .modal-gray-area-crypto {
        height: 100% !important;
        margin: 64px auto 0 auto;
        max-width: 428px !important;
    }

    /* Deposits - Non Crypto Page */

    .iframe-wrapper-non-crypto {
        height: calc(100% - 128px) !important;
        max-height: 774px !important;
    }

    .modal-gray-area-non-crypto {
        height: 100% !important;
        margin: 64px auto 0 auto;
        max-width: 428px !important;
    }


    /* Deposits - Main Bitcoin Page */

    .iframe-wrapper-bitcoin {
        height: calc(100% - 128px) !important;
        max-height: 539px !important;
    }

    .modal-gray-area-bitcoin {
        height: 100% !important;
        margin: 64px auto 0 auto;
        max-width: 428px !important;
    }

    /* Deposits - Cash Deposit Page */

    .iframe-wrapper-cash-deposit {
        height: calc(100% - 128px) !important;
        max-height: 539px !important;
    }

    .modal-gray-area-cash-deposit {
        height: 100% !important;
        margin: 64px auto 0 auto;
        max-width: 428px !important;
    }

    /* Deposits - Confirm Bitcoin Page */

    .iframe-wrapper-confirm-bitcoin {
        height: calc(100% - 128px) !important;
        max-height: 968px !important;
    }

    .modal-gray-area-confirm-bitcoin {
        height: 100% !important;
        margin: 64px auto 0 auto;
        max-width: 428px !important;
    }

    /* Deposits - No Bonus Page */

    .iframe-wrapper-no-bonus {
        height: calc(100% - 128px) !important;
        max-height: 1197px !important;
    }

    .modal-gray-area-no-bonus {
        height: 100% !important;
        margin: 64px auto 0 auto;
        max-width: 428px !important;
    }

    /* Deposits - Deposit Funds */

    .iframe-wrapper-deposit-funds {
        height: calc(100% - 128px) !important;
        max-height: 932px !important;
    }


    /*-------------------- iframe css for weRecommendCrypto  ---------------*/

    .iframe-wrapper-we-recommend-crypto {
        height: calc(100% - 128px) !important;
        max-height: 1168px !important;
    }

    .iframe-we-recommend-crypto, .iframe-deposit-funds, .iframe-no-bonus, .iframe-confirm-bitcoin,
    .iframe-cash-deposit, .iframe-bitcoin, .iframe-non-crypto, .iframe-crypto {
        background-color: #ffffff !important;
        border-radius: 20px;
        height: 100% !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

    .modal-gray-area-we-recommend-crypto, .modal-gray-area-deposit-funds {
        height: 100% !important;
        margin: 64px auto 0 auto;
        max-width: 816px !important;
    }

    .modal-gray-we-recommend-crypto, .modal-gray-deposit-funds, .modal-gray-no-bonus, .modal-gray-confirm-bitcoin,
    .modal-gray-cash-deposit, .modal-gray-bitcoin, .modal-gray-non-crypto, .modal-gray-crypto {
        background-color: transparent !important;
        border: 0 !important;
        height: 100% !important;
        margin: 0 auto !important;
        width: 100% !important;
        z-index: 2000 !important;
    }

    @media (max-width: 575px) {
        #iframeMain {
            height: 800px !important;
            max-height: 800px !important;
        }

            #iframeMain.iframe-express {
                height: 100% !important;
                max-height: 100% !important;
            }

            #iframeMain.iframe-we-recommend-crypto, #iframeMain.iframe-deposit-funds, #iframeMain.iframe-no-bonus, #iframeMain.iframe-confirm-bitcoin,
            #iframeMain.iframe-cash-deposit, #iframeMain.iframe-bitcoin, #iframeMain.iframe-non-crypto, #iframeMain.iframe-crypto {
                border-radius: 0px;
                height: 100% !important;
                max-height: 100% !important;
            }

        .iframe-wrapper-we-recommend-crypto, .iframe-wrapper-deposit-funds, .iframe-wrapper-no-bonus, .iframe-wrapper-confirm-bitcoin,
        .iframe-wrapper-cash-deposit, .iframe-wrapper-bitcoin, .iframe-wrapper-non-crypto, .iframe-wrapper-crypto {
            height: 100% !important;
            max-height: 100% !important;
        }

        .modal-gray-area-we-recommend-crypto, .modal-gray-area-deposit-funds, .modal-gray-area-no-bonus, .modal-gray-area-confirm-bitcoin,
        .modal-gray-area-cash-deposit, .modal-gray-area-bitcoin, .modal-gray-area-non-crypto, .modal-gray-area-crypto {
            margin: 0 auto !important;
            max-width: 100% !important;
        }

        .iframe-bitcoin {
            border-radius: 0;
        }

        .iframe-confirm-bitcoin {
            border-radius: 0;
        }

        /*Deposit popup*/
        #cc-deposit-update-address-form-id .bg-gray-00 {
            padding: 20px !important;
        }

        /*----------------------   deposit modal   ---------------------------------*/
        #depositModal .modal-gray-dialog {
            height: calc(100% - 72px) !important;
            margin: 0 auto;
            max-width: 100% !important;
        }

        #depositModal .modal-gray-content {
            height: 100% !important;
            width: 100% !important;
        }

        #depositModal #iframe-wrapper {
            height: 100% !important;
        }

        #depositModal #iframeMain {
            height: 100% !important;
            max-height: 100% !important;
        }
    }

    @media screen and (max-width: 991px) {
        .sidebar-scroll {
            padding-bottom: 73px;
        }

        #account-sidebar {
            padding-top: 53px;
        }

        .raf-title-margin {
            margin-top: 35px;
        }

        .title-margin {
            margin-top: 57px;
        }
        #wrapper {
            padding-bottom: 70px;
        }

        #wrapper #betusFooter footer {
            margin-bottom: 0;
        }

    }

    @media (max-width: 768px) {
        .welcome-mobile-spacing {
            margin-bottom: 2rem;
            margin-top: 4rem;
        }

        img.join-banner-img {
            width: 35%;
        }

        img#joinSignupBanner {
            width: 35%;
        }

        #myBonusesTitle {
            margin-left: 20px;
        }
    }

    @media (max-width: 320px) {
        #menuModal .modal-body {
            padding-bottom: 55px !important;
        }
    }

    .btn-join-new {
        color: #fff !important;
        font-family: "Roboto";
        font-size: 14px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 8px;
    }

    /*---------------------- Signup bonus for regular join ---------------------------*/
    @font-face {
        font-family: KommissarCondensed-Medium;
        src: url(../webfonts/KommissarCondensed-Medium.woff2) format("woff2");
        font-style: normal;
        font-weight: 400;
        font-display: swap
    }

    .signup-bonus-container {
        background: #EBF3FA;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 23px;
        color: #333333;
        margin-bottom: 45px;
    }

    .signup-bonus-top-section {
        padding: 14px 16px;
        border-radius: 10px 10px 0px 0px;
        text-align: center;
        background: url(../img/signupBonus/signup-bonus-background.png);
        background-size: 100% 100%;
    }

    .signup-bonus-bottom-section {
        padding: 18px 16px 10px 16px;
    }

    .signup-bonus-big-font {
        font-family: KommissarCondensed-Medium, sans-serif;
        color: #ffffff;
        font-size: 37px;
        line-height: 37px;
        text-transform: uppercase;
        margin-bottom: 5px;
        letter-spacing: 2px;
    }

    .signup-dark-font {
        color: #0c4999;
        font-weight: 700;
    }

    .signup-light-font {
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .signup-bonus-bottom-section a, .signup-bonus-bottom-section a:hover {
        color: #0F64FF;
        text-decoration: underline;
        cursor: pointer;
    }

    .btn-signup-bonus {
        border-radius: 100px;
        background: #4499F8;
        font-family: Roboto, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        padding: 16px;
        width: 308px;
        margin: 10px auto 0 auto;
        border: 0;
        color: #ffffff;
        display: block;
    }

        .btn-signup-bonus:hover {
            background-color: #0085eb;
            color: #ffffff;
        }

    .signup-bonus-modal {
        padding-right: 0 !important;
    }

        .signup-bonus-modal .modal-content {
            box-shadow: 0px 3px 20px 5px rgba(0, 0, 0, 0.25);
            border: 0;
            padding: 50px 20px 20px 20px;
            color: #000000;
            font-size: 16px;
            line-height: 18.75px;
            font-family: Roboto, sans-serif;
            font-style: normal;
            font-weight: 400;
        }

        .signup-bonus-modal .modal-dialog {
            max-width: 768px;
        }

        .signup-bonus-modal .close {
            font-size: 45px;
            font-weight: lighter;
            color: #000000;
            position: relative;
            right: -18px;
            top: -60px;
            opacity: 1;
        }

    .signup-bonus-header {
        font-weight: 700;
        font-size: 24px;
        line-height: 28.13px;
        margin-bottom: 15px;
    }

    .signup-bonus-sub-header {
        font-weight: 700;
        font-size: 21px;
        line-height: 24.61px;
        margin-bottom: 15px;
    }

    .signup-bonus-modal li {
        position: relative;
        list-style: none;
        padding-left: 10px;
        padding-bottom: 10px;
    }

        .signup-bonus-modal li ul {
            padding-left: 10px;
        }

        .signup-bonus-modal li::before {
            position: absolute;
            left: 0;
            background: #000000;
            width: 3px;
            height: 3px;
            border-radius: 100%;
            top: 7px;
            content: "";
        }

    .btn-signup-bonus-privacy {
        border: 1px solid #C1C2C4;
        border-radius: 100px;
        color: #4499F8;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        padding: 16px;
        margin: 10px auto 0 auto;
        display: block;
        background: #ffffff;
        width: 100%;
        margin-top: 20px;
    }

    @media (max-width: 767px) {
        .signup-bonus-big-font {
            font-size: 27px;
            line-height: 27px;
        }

        .signup-bonus-modal .modal-dialog {
            margin: 0;
        }

        .signup-bonus-modal {
            background: #ffffff;
        }

            .signup-bonus-modal .modal-content {
                border-radius: 0;
                box-shadow: none;
                padding: 80px 20px 20px 20px;
            }

        .signup-bonus-back-arrow {
            position: absolute;
            top: -50px;
            background: none;
            border: none;
            display: block !important;
        }

        .signup-bonus-modal .close {
            display: none;
        }
    }

    @media (max-width: 375px) {
        .btn-signup-bonus {
            width: 100%;
        }
    }

    @media (min-width: 576px) {
        /*My Account mobile mail badge icon*/

        #mobileBadgeNumber {
            display: none !important;
        }
    }

    /*Fade-in warning alert box*/
    .fade-in {
        animation: fadeIn 2s;
    }

    .center-text {
        text-align: center;
    }

        .center-text p {
            margin: 0;
        }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }
    /*End of fade-in alert box*/


/* Update Profile Verification Modal */
#updateProfileVerifyModal {
    background: rgba(17, 56, 127, 0.6);
}
#updateProfileVerifyModal .modal-content{
    border-radius: 1.25rem;
}
#updateProfileVerifyModal .modal-footer {
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
}
#updateProfileVerifyModal .carousel-item {
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}
.update-profile-verify-container {
    color: #282E38;
}
.update-profile-verify-container h4{
    font-family: Nexa-heavy;
    font-weight: 900;
}

.update-profile-verify-container p {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 16px
}
.update-profile-verify-container .btn-blue-capsule-arrow {
    font-family: Nexa-regular;
    font-weight: 900;
    font-size: 20px;
    display: grid;
    grid-template-columns: 10% auto 5%;
    text-align: left;
    align-items: center;
    padding: 16px 20px;
}
.update-profile-verify-container .btn-blue-capsule:hover{
    color: #FFF;
}
.update-profile-verify-container .btn-blue-capsule:disabled {
    background: #E7ECF3;
    color: #AFB9CB;
}
.update-profile-verify-container .btn:disabled {
    color: #AFB9CB;
}


.update-profile-verify-container .btn .spinner-border-overlay{
    display: none;
}
.update-profile-verify-container .btn.loading{
    position: relative;
    overflow: hidden;
}
.update-profile-verify-container .btn.loading .spinner-border-overlay {
    background: #E7ECF3;
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.update-profile-verify-container .contact-us {
    background: #F2F6FD;
    color: #1D2129;
    border: none;
}
.update-profile-verify-container .contact-us a {
    color: #1D2129;
    font-weight:700;
}

.update-profile-verify-container .update-profile-verified-message h4{
    color: #1D2129;
}

.update-profile-verify-container .btn-link {
    font-family: Nexa-heavy;
    font-weight: 900;
    box-shadow: none;
}
.update-profile-verify-container .btn-link:not(:disabled){
    color: #0072EB;
}

.update-profile-verify-container .fieldset-form-field{
    justify-content: center;
}
.update-profile-verify-container .fieldset-form-field legend {
    font-family: 'Roboto';
    font-size: 14px;
    top: -12px;
}
.update-profile-verify-container .fieldset-form-field input {
    font-size: 40px;
    font-family: 'Nexa-regular';
    letter-spacing: 4px;
    color: #252A32;
    text-align: center;
}
.alert.alert-bordered {
    color: #1D2129;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    border-radius: 8px;
}
.alert.alert-bordered.alert-danger {
    border: 1px solid #EC0100;
    background: #FFF6F6;
}
.alert.alert-bordered.alert-warning {
    border: 1px solid #FFC107;
    background: #FFE;
}

.update-profile-verify-container .btn-back-upm {
    width: 20%;
    top: 0;
    left: 0;
    box-shadow: none;
}
.update-profile-verify-container .update-profile-verify-fields{
    width: 50%
}
@media (max-width: 767px) {
    .update-profile-verify-container .update-profile-verify-fields{
        width: 75%
    }
    .update-profile-verify-container .btn-blue-capsule-arrow {
        grid-template-columns: 15% auto 5%;
    }
}

/* Update Profile Verification Modal */